<!DOCTYPE html>
<html>

<head>
    <title>我的主页</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/listpage.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <script src="./js/jquery-1.8.3.min.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <div class="main">
        <!-- 导航 -->
        <div class="nav">
            <ul class="layui-nav" id="layui-nav-span-l">
                <p class="nav-side">|||</p>
                <a href="./index.html" class="logo">
                    <img src="./images/web-app-logo.webp" alt="">
                </a>
            </ul>
            <div class="nav-search">
                <div class="input-wrap">
                    <div class="nav-icon">
                        <i class="iconfont">&#xe622;</i>
                        <span>搜索</span>
                    </div>
                    <input type="text" id="search-input">
                </div>
                <div class="search-box">请输入搜索关键词</div>
            </div>
            <ul class="layui-nav" id="layui-nav-span-r">
                <li class="layui-nav-item">
                    <a href=""><i class="iconfont">&#xe73c;</i></a>
                </li>
                <li class="layui-nav-item">
                    <a href="" class="scroll-wrapper">
                        <i class="iconfont">&#xe60b;</i>
                        <div class="infinite-container">
                            <div class="infinite-spinner">
                                <div class="prompt">
                                    没有更多了
                                </div>
                            </div>
                            <div class="infinite-fade">
                                <p class="link">全部已读</p>
                                <p class="link">删除已读</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="layui-nav-item show">
                    <a href="./mypage.html"><img src="./images/avater3.jfif" class="layui-nav-img">
                        <span class="nkname">克施勤德</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="./mypage.html">
                                <i class="iconfont">&#xe60d;</i>
                                我的主页
                            </a>
                        </dd>
                        <dd>
                            <a href="./supports.html">
                                <i class="iconfont">&#xe60a;</i>
                                我的帖子
                            </a>
                        </dd>
                        <dd>
                            <a href="./collect_s.html">
                                <i class="iconfont">&#xe8c6;</i>
                                我的收藏
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="iconfont">&#xe78a;</i>
                                我的订单
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="iconfont">&#xe6d7;</i>
                                MYKB设计
                            </a>
                        </dd>
                        <dd>
                            <a href="./adminlogin.html">
                                <i class="iconfont">&#xe650;</i>
                                后台管理
                            </a>
                        </dd>
                        <dd>
                            <a href="./index.html" class="logout">
                                <i class="iconfont">&#xe60c;</i>
                                退出登录
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item leave">
                    <a href="./login.html" class="login">登录/注册</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- main-box -->
    <div class="main-box">
        <!-- 左侧导航 -->
        <div class="sidebar">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic"><i class="iconfont">&#xe635;</i> 社区</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" class="taglist">
                        <span class="side-pic">
                            <i class="iconfont">&#xeb2b;</i> 发车日历</span>
                        <span class="cnt cnt1">11</span>
                    </a>
                </li>
                <li class="layui-nav-item ">
                    <a href="javascript:;" class="taglist">
                        <span class="side-pic"><i class="iconfont">&#xe651;</i> 装备商店</span>
                        <span class="cnt cnt2">闪购中</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">
                                <span class="layui-span"><i class="iconfont">&#xe764;</i> 键盘定制</span>
                            </a>
                        </dd>
                        <dd><a href="javascript:;">
                                <span class="layui-span"><i class="iconfont">&#xe60f;</i> 键帽库</span>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-dl">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="1">
                            <img src="./images/jx.webp" class="img" alt="">
                            机械键盘</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">
                                <span class="layui-span"><i class="iconfont">&#xe764;</i> 键盘定制</span>
                            </a>
                        </dd>
                        <dd><a href="javascript:;">
                                <span class="layui-span"><i class="iconfont">&#xe60f;</i> 键帽库</span>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="2">
                            <img src="./images/pc.webp" class="img" alt=""> PC装机</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="3">
                            <img src="./images/ej.webp" class="img" alt="">
                            视听HiFi</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="4">
                            <img src="./images/sy.webp" class="img" alt=""> 摄影</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="5">
                            <img src="./images/sm.webp" class="img" alt=""> 数码</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="6">
                            <img src="./images/cw.webp" class="img" alt=""> 潮玩模型</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="7">
                            <img src="./images/qx.webp" class="img" alt=""> 前线生活</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="8">
                            <img src="./images/tz.webp" class="img" alt=""> 头文字Z</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="9">
                            <img src="./images/yx.webp" class="img" alt=""> 游戏</span>
                    </a>
                </li>
            </ul>
            <div class="sidebarbot">
                <div class="app-donw">
                    <i class="iconfont">&#xe63d;</i>
                    App下载
                </div>
                <div class="flex-center">
                    <i class="iconfont">&#xe63d;</i>
                    <i class="iconfont">&#xe602;</i>
                    <i class="iconfont">&#xe88d;</i>
                    <i class="iconfont">&#xe634;</i>
                </div>
                <div class="app-text">
                    <span>
                        前线指南 键盘测试 前线更新公告 用户协议
                        沪ICP备16013533号 沪ICP证B2-20180587
                    </span>
                    <span>
                        <img src="./images/icon-wan.png" alt="">
                        沪公网安备
                        31010602006270号
                    </span>

                </div>
            </div>
        </div>
        <!-- 主页 -->
        <div class="nav-handle"></div>
        <div class="mypage">
            <div class="backg">
                <img src="./images/my1.webp" alt="">
            </div>
            <div class="pageinfo">
                <div class="_container">
                    <div class="selfinfo">
                        <div class="uselef">
                            <img src="./images/a-1.webp" alt="">
                            <div class="uselfname">晚风eV</div>
                            <div class="selfmore">···
                                <div class="reviseuse">
                                    <a href="">修改头像昵称</a>
                                    <a href="">设置个性背景</a>
                                    <a href="">设置学校信息</a>
                                </div>
                            </div>
                        </div>
                        <div class="integral">
                            <div class="comminte">社区积分</div>
                            <div class="integnum">50</div>
                            <div class="frograde">Lv.0 蛙人</div>
                            <div class="progress">
                                <span class="bar"></span>
                            </div>
                            <div class="recsupp">收到赞</div>
                            <div class="suppnum">0</div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="big">
                <div class="mybox2">
                    <div class="mytext">
                        <div class="mytitle">
                            <a href="#">草稿</a>
                            <span>2</span>
                        </div>
                        <!-- 内容 -->
                        <div class="mycontent">
                            <div class="mycontent-diaft">
                                <!-- 模板 -->
                                <div class="my-top">
                                    <div class="diaft-left">
                                        <img src="./images/1.jpg" alt="">
                                    </div>
                                    <div class="diaft-rigth">
                                        <div class="diaft-top">111</div>
                                        <div class="diaft-center">新帖子草稿</div>
                                        <div class="diaft-bottom">1111111111111</div>
                                    </div>
                                </div>
                                <div class="my-bottom">
                                    <img src="./images/1.jpg" alt="">
                                    <img src="./images/1.jpg" alt="">
                                    <img src="./images/1.jpg" alt="">
                                </div>
                                <span>最后保存时间:&nbsp;&nbsp;&nbsp;2022-8-26 16:25</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mybox">
                    <ul class="chooses">
                        <li>
                            <span class="iconfont">&#xe600;</span>
                            购物车
                        </li>
                        <li>
                            <span class="iconfont">&#xe8c0;</span>
                            优惠券
                        </li>
                        <li>
                            <span class="iconfont">&#xe6b2;</span>
                            勋章馆
                        </li>
                        <li>
                            <span class="iconfont">&#xe612;</span>
                            私信
                        </li>
                        <li>
                            <a href="./collect_s.html">

                                <span class="iconfont">&#xe8c6;</span>
                                我的收藏
                            </a>
                        </li>
                        <li>
                            <span class="iconfont">&#xec7f;</span>
                            我的赞
                        </li>
                        <li>
                            <span class="iconfont">&#xe688;</span>
                            水印设置
                        </li>
                        <li>
                            <a href="./PersonalSettings.html">
                                <span class="iconfont">&#xe609;</span>
                                设置
                            </a>
                        </li>
                    </ul>
                    <div class="integral">
                        <div class="in_logo" x="18" y="126">∫</div>
                        <div class="in_top">
                            <div style="font-size: 14px;">积分</div>
                            <div style="font-size: 28px;" class="jifen"><span>60</span></div>
                            <input type="hidden" name="score" value="">
                            <div>
                                <span style="margin-bottom: 5px;">Lv.0 蛙人</span>
                                <div class="Progress_bar">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="in_center">
                            <span class="sign_in pointer" id="pointer">签到</span>
                            <span class="fc-gery" id="gery">今日签到+1分</span>
                        </div>
                        <a class="in_bottom">如何获得积分?</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--  编辑模态框-->
    <div class="fixed-btn-group">
        <!-- 编辑区begin -->
        <div class="click-round">
            <div class="popup2 click-round-popup2">
                <div class="popup2-one">
                    <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                    <input type="text" placeholder="输入分享文字">
                </div>
                <div class="popup2-two"></div>
                <div class="popup2-three">
                    <div class="close">
                        <!-- 关闭 -->
                        <div id="close">关闭</div>
                        <!-- 清空 -->
                        <div id="empty">清空</div>
                    </div>
                    <!-- 发布 -->
                    <div class="issue">发布</div>
                </div>
            </div>
        </div>

        <div class="click-round click-round1">
            <div class="popup2 click-round-popup2">
                <!-- 头像所在框 -->
                <div class="popup2-one">
                    <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                    <input type="text" placeholder="输入分享文字">
                </div>
                <!-- 发布内容框 -->
                <div class="popup2-two"></div>
                <!-- 发布等按钮 -->
                <div class="popup2-three">

                    <div class="close">
                        <!-- 关闭 -->
                        <div id="close">关闭</div>
                        <!-- 清空 -->
                        <div id="empty">清空</div>
                    </div>
                    <!-- 发布 -->
                    <div class="issue">发布</div>
                </div>
            </div>
        </div>

        <div class="click-round click-round3">
            <div class="popup2 click-round-popup2">
                <div class="popup2-one">
                    <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                    <input type="text" placeholder="输入分享文字">
                </div>
                <div class="popup2-two"></div>
                <div class="popup2-three">
                    <div class="close">
                        <!-- 关闭 -->
                        <div id="close">关闭</div>
                    </div>
                    <!-- 发布 -->
                    <div class="issue">发布</div>
                </div>
            </div>
        </div>
        <!-- 编辑区end -->


        <!-- 点击框 begin-->
        <div class="click-popup">
            <div class="popup1">
                <div class="box-popup">
                    <div class="picture caddy">
                        <span class="iconfont icon-shangchuantupian">&#xe6e9;</span>
                    </div>
                    <div>图文</div>
                </div>
                <div class="box-popup">
                    <div class="tick caddy">
                        <span class="iconfont icon-duigou">&#xe617;</span>
                    </div>
                    <div>发起投票</div>
                </div>
                <div class="box-popup">
                    <div class="article caddy">
                        <span class="iconfont icon-bianji">&#xe60a;</span>
                    </div>
                    <div>长文章</div>
                </div>
                <div class="box-popup">
                    <div class="share caddy">
                        <span class="iconfont icon-lianjie">&#xe614;</span>
                    </div>
                    <div>分享链接</div>
                </div>
            </div>
        </div>
        <div class="stick">
            <!-- 置顶箭头 -->
            <div class="arrows">
                <span class="iconfont icon-xiangshang">&#xe612;</span>
            </div>
            <!-- 铅笔 -->
            <div class="pencil">
                <span class="iconfont icon-bianji">&#xe60a;</span>
            </div>
        </div>
        <!-- 点击框end-->
    </div>

    <!-- layui -->
    <script src="./layui/layui.js"></script>
    <!-- layui框架配置 -->
    <script src="./js/glayui.js"></script>
    <!-- axios -->
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/axios/0.26.0/axios.min.js"></script>
    <!-- 导航 -->
    <script src="./js/nav.js"></script>
    <!-- 编辑 -->
    <script src="./js/stick.js"></script>
    <!-- 积分 -->
    <script src="./js/score.js"></script>
    <script src="./js/side.js"></script>
    <script src="./js/mycontentdiaft.js"></script>
    <script src="./js/logout.js"></script>
    <script src="./js/al.js"></script>
</body>

</html>